*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
body{line-height:1;font-family:'\5fae\8f6f\96c5\9ed1',arial,"\5b8b\4f53";padding:0;margin:0}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-size:100%}
ol,ul{list-style:none}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:normal}
input,button,textarea,select,optgroup,option_my{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
select{background-color:transparent;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
img,a img,:link img,:visited img{border:0}
a{text-decoration:none}
a:hover{text-decoration:none}
:focus{outline:0}
table{border-collapse:collapse;border-spacing:0}
caption,th{text-align:left}
sup,sub{font-size:100%;vertical-align:baseline}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
.clear,.clearfix:after{clear:both;height:0;overflow:hidden;display:block}
.clearfix:after{visibility:hidden;content:"."}
html{font-size:10px;-webkit-user-select:none;}

.icon{background: url(../images/icon.png) no-repeat;display: inline-block;vertical-align: middle;}
.icon_pic{display: inline-block;text-align: center;width: 100%;height:33px;margin-top: 5px;}


.panel-head_my,.panel-head_my2{border-left:.5rem solid #ff7302;padding:.8rem 1rem;background-color:#fff}
.panel-head_my .name,.panel-head_my2 .name{font-size:1.5rem;color:#ff7302}

.page-loading{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);width:5rem;height:5rem;background:rgba(0,0,0,0.8);border-radius:1rem;position:absolute}
.board-page2 .container,.guess-page2 .container,.rank-page2 .container{position:relative;/*opacity:0;*/-webkit-transition:opacity .5s}
.board-page2 .container.show,.guess-page2 .container.show,.rank-page2 .container.show{opacity:1}
.page-head2.after-game .title{text-align:center;margin-bottom:2rem}
.page-head2.after-game .title span{display:inline-block;padding:.6rem 1.8rem;font-size:2.1rem;color:#fff;background-color:#ed2237;position:relative}
.page-head2.after-game .title span:before,.page-head2.after-game .title span:after{background:url(../images/sprite.png) 0 0 no-repeat;background-size:23.2rem 10.85rem;display:inline-block;content:"";position:absolute;width:3.7rem;height:3.2rem;z-index:-1}
.page-head2.after-game .title span:before{background-position:-1.3rem -7.6rem;left:-2.2rem;bottom:-0.8rem}
.page-head2.after-game .title span:after{background-position:-5.1rem -7.6rem;right:-2.2rem;bottom:-0.8rem}
.page-head2.after-game .meta{font-size:1.2rem;text-align:center;color:#333}
.display-flex{display:-webkit-box;display:-webkit-flex;display:flex}
.flex{-webkit-box-flex:1;-webkit-flex:1;flex:1}
.page-tab-list{display:-webkit-box;display:-webkit-flex;display:flex;font-size: 12px;text-align:center;height: 66px;background-color:#001840;position: fixed;bottom: -1px;z-index: 1;width: 100%;}
.page-tab-list .page-tab-item{-webkit-box-flex:1;-webkit-flex:1;flex:1;/*border-bottom:2px solid #f8f8f8;*/}
.page-tab-list .page-tab-item a{color:#d5d5d5;width:80%;height:55px;display:inline-block;background: #0f2b5a;text-align: center;border-radius: 5px;margin: 5px 5px;}
.page-tab-list .page-tab-item a.active{background: #ff7302;/*border-bottom:2px solid #f22336;*/}
.page-tab-list a.active p{color:#001840;font-size: 1rem;}
.page-tab-list a p{font-size: 1rem;}

.mr05{margin-right: 5px;}
.pt01{padding-top: 10px;}
/*关注二维码*/
.page_er_code,.page_er_code2{position: fixed;bottom: 60px;background: rgba(0,0,0,0.7);width: 100%;cursor: pointer;display: inline-block;}
.page_er_code{height:50px;line-height: 50px;}
.page_er_code2{height:170px;}
.page_er_code .page_code_rq,.page_er_code2 .page_code_rq{text-align: center;color: #fff;font-size: 1.6rem;}
.page_er_code .page_code_rq{height: 50px;line-height: 50px;}
.page_line_close2{width:1.8rem;height:1.8rem;color:#666;position:absolute;top:5px;right:0.1rem;background:url('../images/line_close.png') no-repeat;
    background-position:center .9rem;background-size:1.4rem 1.4rem;padding:2rem;border: 0;display: inline-block;}

.page_line_close{width:1.8rem;height:1.8rem;color:#666;position:fixed;bottom: 62px;right:0.1rem;background:url('../images/line_close.png') no-repeat;
    background-position:center .9rem;background-size:1.4rem 1.4rem;padding:2rem;border: 0;display: inline-block;}


.loading{position:absolute;left:50%;top:50%;margin-top:-10px;margin-left:-10px;z-index:100;width:20px;height:20px}
.loading .bar,.loading .bar:after,.loading .bar:before{width:5px;height:2px;border-radius:3px;position:absolute;background-color:#333;transform-origin:100% 50%;-webkit-transform-origin:100% 50%;animation:fade 1s infinite;-webkit-animation:fade 1s infinite;}
.loading .bar:after,.loading .bar:before{content:''}
.loading .bar:after{transform:rotate(30deg) translate(-1px,-2px);-webkit-transform:rotate(30deg) translate(-1px,-2px)}
.loading .bar:before{transform:rotate(-30deg) translate(-1px,2px);-webkit-transform:rotate(-30deg) translate(-1px,2px)}
.loading .bar{position:absolute;left:5px;top:10px}
.loading .bar.top{transform:rotate(90deg) translate(-4px,0px);-webkit-transform:rotate(90deg) translate(-4px,0px);-webkit-animation-delay:.08333333s}
.loading .bar.top:before{-webkit-animation-delay:0}
.loading .bar.top:after{-webkit-animation-delay:.16666667s}
.loading .bar.right{transform:rotate(180deg) translate(-4px,0px);-webkit-transform:rotate(180deg) translate(-4px,0px);-webkit-animation-delay:.33333333s}
.loading .bar.right:before{-webkit-animation-delay:.25s}
.loading .bar.right:after{-webkit-animation-delay:.41666667s}
.loading .bar.bottom{transform:rotate(270deg) translate(-4px,0px);-webkit-transform:rotate(270deg) translate(-4px,0px);-webkit-animation-delay:.58333333s}
.loading .bar.bottom:before{-webkit-animation-delay:.5s}
.loading .bar.bottom:after{-webkit-animation-delay:.66666667s}
.loading .bar.left{transform:rotate(0deg) translate(-4px,0px);-webkit-transform:rotate(0deg) translate(-4px,0px);-webkit-animation-delay:.83333333s}
.loading .bar.left:before{-webkit-animation-delay:.75s}
.loading .bar.left:after{-webkit-animation-delay:.91666667s}
@keyframes fade{0%{background-color:#6d6d6d}
100%{background-color:#333}
}
@-webkit-keyframes fade{0%{background-color:#6d6d6d}
100%{background-color:#333}
}
.load-container{border:1px solid rgba(255,255,255,0.2);width:240px;height:240px;position:relative;overflow:hidden;-moz-box-sizing:border-box;box-sizing:border-box}
.load-mask{position:fixed;width:100%;height:100%;z-index:100;top:0;left:0;background-color:#f5f5f5}
.load-mask .loader{width:3rem;height:3rem;border-radius:50%;background:#ccc;position:relative;-webkit-animation:load3 1.2s infinite reverse linear;animation:load3 1.2s infinite reverse linear;position:absolute;top:50%;left:50%;margin-top:-1.5rem;margin-left:-1.5rem}
.load-mask .loader:before{width:50%;height:50%;background:#f5f5f5;border-radius:100% 0 0 0;position:absolute;top:0;left:0;content:''}
.load-mask .loader:after{background:#f5f5f5;width:80%;height:80%;border-radius:50%;content:'';margin:auto;position:absolute;top:0;left:0;bottom:0;right:0}
@-webkit-keyframes load3{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes load3{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
.panel{position:relative}
.panel-head{padding:1.2rem 1rem;position:relative}
.panel-head .name{color:#f22336;font-size:1.4rem}
.panel-head .meta{font-size:1rem;color:#666;font-weight:100;margin-left:1rem}
.panel-head .action{font-weight:100;font-size:1.2rem}
.panel-title{font-size:1.2rem}
.details{position:relative}
.details.hide .details-header:after{-webkit-transform:rotate(0deg) translate(0,-50%)}
.details.hide .details-detail{height:0;padding:0 1.5rem;border-bottom:0}
.details.disabled .details-header:after{display:none}
.details-header{border-bottom:solid 1px #313131;padding:1.6rem 1.5rem;position:relative}
.details-header:after{content:"";display:inline-block;width:0;height:0;vertical-align:middle;border-top:5px solid #fff;border-right:5px solid transparent;border-left:5px solid transparent;position:absolute;right:15px;top:50%;-webkit-transform:rotate(180deg) translate(0,50%)}
.details-title{font-weight:100;font-size:1rem;position:relative}
.details-detail{border-bottom:solid 1px #313131;font-size:1rem;overflow:hidden}
.tab-table{width:100%;table-layout:fixed}
.tab-table .tab{vertical-align:middle;text-align:center;position:relative}
.tab-table .tab:not(:last-child):after{content:"";height:100%;position:absolute;top:50%;right:0;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);border-right:solid 1px}
.sprite{background:url(../images/sprite.png) 0 0 no-repeat;background-size:23.2rem 10.85rem;display:inline-block}
.sprite.dotted{width:.3rem;height:.9rem}
.sprite.face-laugth{width:2.6rem;height:2.7rem;background-position:0 -1.6rem}
.sprite.face-cry{width:2.6rem;height:2.7rem;background-position:-2.7rem -1.6rem}
.sprite.arrow-up{width:.9rem;height:1rem;background-position:-0.8rem .1rem}
.sprite.arrow-down{width:.9rem;height:1rem;background-position:-2.1rem .1rem}
.sprite.bean{width:1.36rem;height:1.26rem;background-position:-3.4rem -0.1rem}
.sprite.gold-crown{width:2.5rem;height:2.5rem;background-position:0 -4.4rem}
.sprite.silver-crown{width:2.5rem;height:2.5rem;background-position:-2.6rem -4.4rem}
.sprite.copper-crown{width:2.5rem;height:2.5rem;background-position:-5.1rem -4.4rem}
.sprite.round-error{width:7rem;height:7rem;background-position:-15.5rem 0}
.sprite.round-success{width:7rem;height:7rem;background-position:-8.3rem 0}
.sprite.up-arrow{width:1.2rem;height:1.5rem;background-position:-14.4rem -8.9rem}
.sprite.down-arrow{width:1.2rem;height:1.5rem;background-position:-11.4rem -8.8rem}
.guess-page2{height:100%;background-color:#f3f0ef}
.guess-page2 .hide{display:none}
.guess-page2 .game-period2{font-size:1.3rem;color:#545454;text-align:center;padding:.5rem 0;width:17.4rem;float:left;height:3rem;line-height:2.2rem}
.guess-page2 .game-period-time{line-height:3rem;font-size:1.3rem;color:#545454;padding-left:1.6rem;height:3rem;overflow:hidden;position:relative}
/*
.guess-page2 .game-period-time .awards{color:#fff;display:inline-block;height:2.6rem;width:8rem;background:url(../images/awards.png) no-repeat;background-size:contain;line-height:2.3rem;text-align:left;padding-left:.2rem;margin-top:.2rem;position:absolute;right:0;top:0}
*/
.guess-page2 .game-period-time .awards{color:#fff;display:inline-block;padding: 0 5px;background:#ff7302;border-radius: 5px;background-size:contain;line-height:2.3rem;height:2.3rem;text-align:left;margin-top:.2rem;position:absolute;right:11px;top:0}
.guess-page2 .game-period-time .awards .awards_text{display:inline-block;font-size:1rem;color:#fff;text-align:left;background-size:contain;/*padding-left:.5rem;*/height:2.3rem;line-height:2.3rem;}
.guess-page2 .panel{margin:1rem;background:#fff;margin-top:0}
.guess-page2 .panel-head{padding:1rem .4rem .2rem;margin-left:.5rem}
.guess-page2 .panel-head .name{font-size:1.3rem;margin-right:.8rem}
.guess-page2 .panel-head .current-time-c{font-weight:normal;color:#646464}
.guess-page2 .panel-head .securitie{font-size:1rem;margin-right:1rem;color:#323232}
.guess-page2.before-game{position:relative}
.guess-page2.before-game .mask{position:absolute;top:28rem;bottom:0;width:100%;background-color:rgba(0,0,0,0.5);z-index:10;display:block}
.guess-page2.before-game .mask .tips{position:absolute;bottom:9.3rem;width:100%;color:#c6142c;text-align:center}
.guess-page2.before-game .bet-history .details-title{color:transparent}
.guess-page2.before-game .bet-history .details-title em{color:transparent}
.guess-page2.before-game .bet-history .details-header:after{display:none}
.guess-page2.before-game .page-foot.no-bet-history .bet-history{display:block}
.guess-page2.before-game .page-body .panel-title .current{display:none}
.guess-page2.before-game .page-body .panel-title .before{display:block}
.guess-page2 .page-head2{background-color:#000;font-size:.9rem;position:relative;background:#f8f8f8}
.guess-page2 .page-head2 .last-info{color:#888;margin-left:.8rem;width:29rem;display:inline-block;position:relative}
.guess-page2 .page-head2 .last-info .wapper{overflow:hidden;white-space:nowrap;position:relative;width:100%}
.guess-page2 .page-head2 .last-info .wapper.slide .traslate-container:nth-child(1){-webkit-animation:slide 20s linear -10s infinite}
.guess-page2 .page-head2 .last-info .wapper.slide .traslate-container:nth-child(2){-webkit-animation:slide 20s linear infinite}
.guess-page2 .page-head2 .last-info .traslate-container{padding:0 .5rem 0 0;display:inline-block}
.guess-page2 .page-head2 .last-info .traslate-container span{display:inline-block}
.guess-page2 .page-head2 .last-info .traslate-container:nth-child(2){position:absolute;-webkit-transform:translate(100%);left:0}
.guess-page2 .page-head2 .last-info em{color:#ffbb43;margin:0 .3rem}
.guess-page2 .page-head2 .last-info:before,.guess-page2 .page-head2 .last-info:after{content:"";position:absolute;top:0;background:url(../images/sprite.png) 0 0 no-repeat;background-size:23.2rem 10.85rem;display:inline-block;width:.3rem;height:.9rem}
.guess-page2 .page-head2 .last-info:before{left:-0.8rem}
.guess-page2 .page-head2 .last-info:after{right:-0.8rem}
.guess-page2 .page-head2 .extra{position:absolute;right:.5rem;top:.6rem}
.guess-page2 .page-head2 .extra a{color:#fff;font-size:.9rem;padding:0 .6rem}
.guess-page2 .page-head2 .extra a:not(:last-child){position:relative}
.guess-page2 .page-head2 .extra a:not(:last-child):after{content:"";position:absolute;width:0;height:90%;right:-2px;top:0;border-right:solid 1px #7d7d7d}
.guess-page2 .page-head2 .hide{display:none}
.guess-page2 .page-body{background-color:#f2f2f2;margin-bottom: 75px;}
.guess-page2 .page-body .before{display:none}
.guess-page2 .mask{display:none}
.guess-page2 .real-time-prices{padding-left:.4rem;border-bottom:solid .1rem #eaeaec;height:2.6rem;margin:0 auto;margin-bottom:.65rem;font-size:1.2rem;margin-left:.5rem}
.guess-page2 .real-time-prices .real-time-prices:nth-child(1) td:nth-child(1){text-align:center}
.guess-page2 .real-time-prices .real-time-prices:nth-child(1) td:nth-child(1) h1{font-size:1.4rem;margin-bottom:.6rem}
.guess-page2 .real-time-prices .real-time-prices:nth-child(1) td:nth-child(1) span{font-size:1rem}
.guess-page2 .real-time-prices .price.cGreen,.guess-page2 .real-time-prices .updown.cGreen,.guess-page2 .real-time-prices .percent.cGreen{color:#469747}
.guess-page2 .real-time-prices .cRed{color:#e22338;background:url(../images/upOdds.png) no-repeat;padding-left:3rem;background-position:1.9rem;background-size:.9rem .9rem}
.guess-page2 .real-time-prices .cGreen{color:#7cc514;margin-right:1rem}
.guess-page2 .real-time-prices .price{font-size:1.2rem;background:#fff;padding-left:0}
.guess-page2 .real-time-prices .price:after{background:url(../images/sprite.png) 0 0 no-repeat;background-size:23.2rem 10.85rem;display:inline-block;content:"";position:relative;top:3px;left:0}
.guess-page2 .real-time-prices .price.cRed:after{width:1.2rem;height:1.5rem;background-position:-14.4rem -8.9rem}
.guess-page2 .real-time-prices .price.cGreen:after{width:1.2rem;height:1.5rem;background-position:-11.4rem -8.8rem;background-position:-16rem -9.1rem;-webkit-transform:rotate(180deg);position:relative;top:0}
.guess-page2 .real-time-prices .price .updown{margin-left:1rem}
.guess-page2 .real-time-prices .price .updown,.guess-page2 .real-time-prices .price .percent{font-size:1.6rem}
.guess-page2 .real-time-prices .price .up:after,.guess-page2 .real-time-prices .price .stay:after,.guess-page2 .real-time-prices .price .down:after{content:"\5bb6"}
.guess-page2 .real-time-prices .price .up{color:#e22338}
.guess-page2 .real-time-prices .price .up:before{content:"\6da8:";color:#010101}
.guess-page2 .real-time-prices .price .up:after{color:#e22338}
.guess-page2 .real-time-prices .price .stay{margin-left:.5rem}
.guess-page2 .real-time-prices .price .stay:before{content:"\5e73:"}
.guess-page2 .real-time-prices .price .down{color:#7cc514;margin-left:.5rem}
.guess-page2 .real-time-prices .price .down:before{content:"\8dcc:";color:#010101}
.guess-page2 .real-time-prices .price .down:after{color:#7cc514}
.guess-page2 .real-time-prices .price time{float:right;color:#a8a8a8}
.guess-page2 .remaining-time{position:absolute;right:1rem;top:1.2rem;color:#f22a3d;font-size:1.2rem;line-height:100%}
.guess-page2 .remaining-time:before{content:'\5269\4f59\65f6\95f4';margin-right:.5rem;background-color:#f22a3d;color:#fff;padding:.1rem .3rem;font-size:.8rem;position:relative;top:-0.1rem}
.guess-page2 .diagram{padding:0 .5rem 1.2rem 0;background-color:#fff}
.guess-page2 .opration_my{background-color:#f3f0ef;padding:1rem 0;padding-bottom:0}
.guess-page2 .guess-height{height:1.2rem;line-height:1.2rem;margin-bottom:1.2rem}
.guess-page2 .current-status{position:relative;text-align:center}
.guess-page2 .current-status .guess-time{height:1.2rem;line-height:1.2rem;margin-bottom:1.2rem;height:1.8rem;line-height:1.8rem;margin-bottom:0;color:#646464;font-size:1.2rem}
.guess-page2 .current-status .abort-game{font-size:1.1rem;color:#969696;height:1.2rem;line-height:1.2rem;margin-bottom:1.2rem;line-height:2.1rem;height:2.1rem;margin-bottom:0}
.guess-page2 .current-status .abort-time{color:#ff7302}
.guess-page2 .curve{height:3rem;line-height:3rem;width:17rem;margin:auto;padding-top:.4rem}
.guess-page2 .curve .curve-btn{padding:0 1.7rem;border-radius:1.5rem;border:1px solid #ff7302;color:#ff7302;font-size:1.4rem;display:inline-block;line-height:3rem}
.guess-page2 .bet-on2{padding:1.5rem 0;padding-bottom:0}
.guess-page2 .bet-on2 .extra-info{font-size:1rem;display:-webkit-box;display:-webkit-flex;display:flex}
.guess-page2 .bet-on2 .extra-info p{color:#333;-webkit-box-flex:1;-webkit-flex:1;flex:1}
.guess-page2 .bet-on2 .extra-info p:nth-child(2){text-align:right}
.guess-page2 .bet-on2 .extra-info em{color:#ed2237}
.guess-page2 .bet-on2 .extra-info a{color:#333}
.guess-page2 .bet-on2 .extra-info .tips{position:relative;font-size:0;margin-top:1rem}
.guess-page2 .bet-on2 .extra-info .tips a{display:inline-block;width:33%;text-decoration:underline;font-size:1rem;text-align:center}
.guess-page2 .bet-select2{overflow:hidden}
.guess-page2 .bet-select2 .option_my{width:48%}
.guess-page2 .bet-select2 .option_my:nth-child(1){float:left}
.guess-page2 .bet-select2 .option_my:nth-child(2){float:right}
.guess-page2 .bet-select2 .option_my .block{display:block;width:100%;position:relative;height:10rem}
.guess-page2 .bet-select2 .option_my .block.active{opacity:.8}
.guess-page2 .bet-select2 .option_my .block.active.up .jumbotron-text{color:#fff}
.guess-page2 .bet-select2 .option_my .block.active.down .jumbotron-text{color:#fff}
.guess-page2 .bet-select2 .option_my .jumbotron-text{background-color:#477b01;color:#fff;font-size:2.5rem;text-align:center;position:relative;height:5.2rem}
.guess-page2 .bet-select2 .option_my .jumbotron-text i{position:relative;display:inline-block;top:50%;-webkit-transform:translate(0,-50%);font-style:normal}
.guess-page2 .bet-select2 .option_my .red-C{background-color:#ff7302}
.guess-page2 .bet-select2 .option_my .pink-C{background-color:#fe9207}
.guess-page2 .bet-select2 .option_my .grenn-C{background-color:#75ba00}
.guess-page2 .bet-select2 .option_my .detail{padding:1.2rem 0;text-align:center;font-size:1rem;margin-top:-2px}
.guess-page2 .bet-select2 .option_my .detail p{color:#fff}
.guess-page2 .bet-select2 .option_my .detail strong{color:#001840}
.guess-page2 .bet-select2 .option_my .detail span{color:#fff}
.guess-page2 .bet-select2 .option_my .extra{color:#fff;text-align:center;font-size:1rem;line-height:2rem}
.guess-page2 .bean-bet{position:relative}
.guess-page2 .bean-bet .bean-bet-input{border:solid 1px #d2d2d2;width:100%;padding:0 1rem;font-size:1.2rem;-webkit-appearance:none;border-radius:0;height:4.7rem}
.guess-page2 .bean-bet .bean-bet-input::-webkit-input-placeholder{color:#333}
.guess-page2 .bean-bet .bean-bet-input::-webkit-inner-spin-button{-webkit-appearance:none}
.guess-page2 .bean-bet .bean-bet-input::-webkit-input-placeholder{color:#c1c1c1}
.guess-page2 .bean-bet .error-info{color:#ed2237;font-size:1rem;height:2rem;padding:.8rem 0}
.guess-page2 .bean-bet .bet-info-submit2{padding:0;width:10rem;position:absolute;top:0;right:0}
.guess-page2 .bean-bet .bet-info-submit2 .bet-submit-btn2{padding:0;height:4.7rem;line-height:4.7rem;float:left}
.guess-page2 .page-foot{background-color:#fff;width:100%}
.guess-page2 .page-foot.no-bet-history .bet-history{display:none}
.guess-page2 .details-header{border-bottom:1px solid #d6d7db}
.guess-page2 .details-title{color:#333}
.guess-page2 .details-title em{color:#edc859}
.guess-page2 .details-detail{overflow:hidden}
.guess-page2 .bet-info-submit2{overflow:hidden}
.guess-page2 .bet-info-submit2 .bet-submit-btn2,.guess-page2 .bet-info-submit2 .bet-think-btn2{width:50%;padding:1.5rem 0;-webkit-appearance:none;border:0;border-radius:0;font-size:1.5rem;color:#fff;background-color:#ff7302;float:left}
.guess-page2 .bet-info-submit2 .bet-submit-btn2 .bet-submit-C,.guess-page2 .bet-info-submit2 .bet-think-btn2 .bet-submit-C{background-color:#83a4ec}
.guess-page2 .bet-info-submit2 .bet-submit-btn2:disabled,.guess-page2 .bet-info-submit2 .bet-think-btn2:disabled{background-color:#ccc;opacity:1}
.guess-page2 .bet-info-submit2 .bet-think-btn2{float:left;color:#969696;text-align:center;background-color:#fff}
.guess-page2 .line_close_my{width:1.8rem;height:1.8rem;color:#666;position:absolute;top:-0.2rem;right:-0.5rem;background:url('../images/line_close.png') no-repeat;background-position:center .9rem;background-size:1.6rem 1.6rem;padding:2rem}
ol.bet-list{list-style:decimal inside;padding:1.5rem}
ol.bet-list li{color:#fff}
ol.bet-list li p{color:#5c5c5c}
ol.bet-list li:not(:last-child){margin-bottom:1rem}
ol.bet-list li .bet-option_my{margin-right:1rem}
ol.bet-list li .bet-option_my.up{color:#ec2439}
ol.bet-list li .bet-option_my.down{color:#50b009}
ol.bet-list li .bean-count{color:#edc859;margin:0 .5rem}
ol.bet-list li .bet-time{float:right;color:#fff}
.overY{overflow-y:hidden}
.board-page-iframe{padding:0;border:0;margin:0;width:100%;height:100%;position:fixed;left:0;top:-100%}
.board-page-iframe.animate{transition:transform 1s;-webkit-transition:-webkit-transform 1s}
.board-page-iframe.slide-down{transform:translate(0,100%);-webkit-transform:translate(0,100%)}
.board-page-iframe.slide-up{transform:translate(0,-100%);-webkit-transform:translate(0,-100%)}
@keyframes slide{0%{transform:translate(100%)}
100%{transform:translate(-100%)}
}
@-webkit-keyframes slide{0%{-webkit-transform:translate(100%)}
100%{-webkit-transform:translate(-100%)}
}
.guess_mask,.guess_mask_error{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:12}
.guess_mask .tip_box,.guess_mask_error .tip_box{width:auto;height:31rem;text-align:center;background:white;margin:-17rem 1rem 0;position:relative;top:50%;overflow:hidden}
.guess_mask .tip_box .icon_close,.guess_mask_error .tip_box .icon_close{width:1.8rem;height:1.8rem;color:#666;position:absolute;top:0rem;right:0rem;background:url('../images/icon_close.png');background-position:center .9rem;background-repeat:no-repeat;background-size:1.8rem 1.8rem;padding:2rem;transform:rotate(0deg);transition:all cubic-bezier(0,0,0.2,1) 500ms}
.guess_mask .tip_box .icon_close:hover,.guess_mask_error .tip_box .icon_close:hover{transform:rotate(90deg)}
.guess_mask .tip_box .icon_operate_success,.guess_mask_error .tip_box .icon_operate_success{display:block;width:7rem;height:7rem;background:url('../images/icon_bet_done.png');background-position:center top;background-repeat:no-repeat;background-size:100% 100%;margin:6rem auto 2rem}
.guess_mask .tip_box .tip_text,.guess_mask_error .tip_box .tip_text{font-size:1.4rem;font-weight:700;color:#ec2439;display:block;margin-bottom:1rem}
.guess_mask .tip_box .lottery_time,.guess_mask_error .tip_box .lottery_time{width:100%;font-size:1.5rem;color:#333;margin-top:3rem}
.guess_mask .tip_box .lottery_time .time,.guess_mask_error .tip_box .lottery_time .time{color:#ec2439;margin:0 1rem}
.guess_mask .tip_box .lottery_bet_tip,.guess_mask_error .tip_box .lottery_bet_tip{font-size:1.3rem;color:#333;margin:0 2rem;line-height:2}
.guess_mask .tip_box .lottery_bet_tip .spend_bean,.guess_mask_error .tip_box .lottery_bet_tip .spend_bean{color:#ec2439}
.guess-Bet,.guess-Bet-error{width:12.4rem;height:10rem;background:#EAEBEB;display:block;margin:auto;text-align:center;padding-top:1rem;margin-top:20rem;border-radius: 5px;}
.guess-Bet span,.guess-Bet-error span{display:inline-block;width:56px;height:56px;background:url(../images/secsess.png) no-repeat;margin-bottom:1.4rem}
.guess-Bet p,.guess-Bet-error p{color:#666;font-size:1.6rem}
.guess-Bet-error span{background:url(../images/secErro.png) no-repeat}
.details-title-bet-up,.details-title-bet-down,.bet-list-up,.bet-list-down{display:none}
.bet-side-up .details-title-bet-up,.bet-side-up .bet-list-up{display:block}
.bet-side-up .fold-bet{display:none}
.bet-side-down .details-title-bet-down,.bet-side-down .bet-list-down{display:block}
.bet-side-down .fold-bet{display:none}
.triangle-flag:after{-webkit-transform:rotate(0deg) translate(0,50%)}
.line_mask_my{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:12;background:rgba(0,0,0,0.7);color:#323232;text-align:center}
.line_mask_my .alert_box{background-color:rgba(255,255,255,0.8);margin:17rem 2rem 0}
.line_mask_my .alert_content{overflow:hidden}
.line_mask_my .alert_content .alert_header{font-size:1.8rem;margin-top:3rem;margin-bottom:1rem}
.line_mask_my .alert_content .alert_tip{font-size:1.4rem;margin-bottom:3rem}
.line_mask_my .alert_confirm{display:block;border-top:1px solid #bbb;font-size:1.8rem;color:#1d78e3;height:5rem;line-height:5rem}
.currency_mask_my{position:fixed;top:0;left:0;width:100%;height:100%;z-index:12;background:rgba(0,0,0,0.7);color:#323232;text-align:center}
.currency_mask_my .currency_box{width:29.1rem;margin:0 auto}
.currency_mask_my .alert_box{background-color:rgba(255,255,255,0.8);margin:17rem 2rem 0}
.currency_mask_my .currency_content{overflow:hidden;background-color:#f5f5f5;padding:2.5rem;margin-top:3rem}
.currency_mask_my .currency_content .alert_header{font-size:1.8rem;margin-bottom:1rem}
.currency_mask_my .currency_content .currency-tittle{font-size:2rem;position:relative}
.currency_mask_my .currency_content .currency-tittle .line_close_my{top:-2rem;right:-2rem;border:0}
.currency_mask_my .currency_content .currency-tittle{color:#323232;height:4rem}
.currency_mask_my .currency_content .currency-tittle .guess-status{color:#7fd010}
.currency_mask_my .currency_content .currency-tittle .guess-red{color:#f4447a}
.currency_mask_my .currency_content .currency-tittle .guess-black{color:#000}
.currency_mask_my .currency_content .earnings-status{overflow:hidden}
.currency_mask_my .currency_content .earnings-status p{float:left;font-size:1.3rem;height:2.4rem}
.currency_mask_my .currency_content .earnings-status p strong{font-weight:normal}
.currency_mask_my .currency_content .earnings-status .margin{margin-left:1.2rem}
.currency_mask_my .currency_content .earnings-status .earnings{color:#ffba00;display:inline-block;white-space:nowrap;text-overflow:ellipsis}
.currency_mask_my .currency_content .extra-info{text-align:left;color:#646464;font-size:1.3rem;margin-top:1rem}
.currency_mask_my .currency_content .extra-info strong{font-weight:normal}
.currency_mask_my .currency_content .extra-info em{color:#ffba00}
.currency_mask_my .currency_content .extra-info .error-hint{color:#ff4000;margin-bottom:1rem;font-size:1.4rem}
.line_mask_my{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:12;background:rgba(0,0,0,0.7);color:#323232;text-align:center}
.line_mask_my .line_box{position:relative;background-color:rgba(255,255,255,0.8);margin:5.4rem .9rem 0}
.line_mask_my .line_box .tooltip{position:absolute;width:100px;height:100px;background:#ccc}
.line_mask_my .odds_line{height:19rem;width:100%;/*margin:0 auto;overflow:hidden;*/}
.line_mask_my .line_content{overflow:hidden;background-color:#f5f5f5;padding:.5rem;margin-top:3rem}
.line_mask_my .line_content .line_header{font-size:1.8rem;height:3.5rem;line-height:3.5rem;position:relative;padding-bottom:1.5rem;color:#646464}
.line_mask_my .line_content .line-tittle{font-size:30px}
.line_mask_my .line_content .line-tittle{color:#323232;height:4rem}
.line_mask_my .line_content .earnings-status{overflow:hidden}
.line_mask_my .line_content .earnings-status p{float:left;font-size:1.3rem;height:2.4rem}
.line_mask_my .line_content .earnings-status p strong{font-weight:normal}
.line_mask_my .line_content .earnings-status .margin{margin-left:2rem}
.line_mask_my .line_content .earnings-status .earnings{color:#ffba00}
.line_mask_my .line_content .extra-info{text-align:left;color:#646464;font-size:1.3rem;margin-top:18px}
.line_mask_my .line_content .extra-info strong{font-weight:normal}
.line_mask_my .line_content .extra-info em{color:#ffba00}
.line_mask_my .line_confirm{height:3.94rem;display:inline-block;line-height:3.94rem;background:#ff7302;width:100%;color:#fff;font-size:1.5rem}
.game-over{background:url('../images/game_over.png') no-repeat;width:100%;height:20.5rem;background-size:contain;margin-top:30px}
.hfive_login_mask{position:fixed;top:0;left:0;width:100%;height:100%;z-index:12;background:rgba(0,0,0,0.7)}
.hfive_login_box{position:relative;margin:6rem 2.5rem 0;font-family:'Hiragino Sans GB W3';background-color:white;overflow:hidden}
.hfive_login_box .hfive_title{font-size:1.5rem;color:#646464;margin:1.5rem auto;text-align:center}
.hfive_login_box .hfive_username_wrap,.hfive_login_box .hfive_password_wrap{height:3.5rem;line-height:3.5rem;margin:0 1rem;border:1px solid #dcdcdc;background-color:#fafafa}
.hfive_login_box .hfive_username_wrap{border-radius:3px 3px 0 0}
.hfive_login_box .hfive_password_wrap{border-radius:0 0 3px 3px}
.hfive_login_box .hfive_username_wrap{border-bottom:0}
.hfive_login_box .hfive_ipt_username,.hfive_login_box .hfive_ipt_password{font-size:1.2rem;text-indent:1.2rem;border:0;width:100%;background-color:#fafafa}
.hfive_login_box .hfive_error_tip{color:#ed2237;font-size:1rem;margin:1rem;text-indent:.5rem}
.hfive_login_box .hfive_btn_login_common{display:block;height:3.5rem;line-height:3.5rem;margin:1rem;font-size:1.2rem;text-align:center;border-radius:3px}
.hfive_login_box .hfive_btn_login{color:#fff;background:#ed2237;border:1px solid #ed2237}
.hfive_login_box .hfive_btn_login:active{background:#d81226}
.hfive_login_box .hfive_btn_cancel{color:#646464;background:#f5f5f5;border:1px solid #c8c8c8;margin-bottom:1.5rem}
.hfive_login_box .hfive_btn_cancel:active{background:#ebebeb}
.hfive_login_box .hfive_icon_close{width:1.8rem;height:1.8rem;color:#666;position:absolute;top:0rem;right:0rem;background:url('../images/icon_close.png');background-position:center .9rem;background-repeat:no-repeat;background-size:1.8rem 1.8rem;padding:2rem;transform:rotate(0deg);transition:all cubic-bezier(0,0,0.2,1) 500ms}
.hfive_login_box .hfive_icon_close:hover{transform:rotate(90deg)}
.board-page2{background-color:#f3f0ef}
.board-page2 .page-tab-list{border-bottom:0}
/*.board-page2 .page-body.hide{display:none}*/
.board-page2 .page-head2{position:relative;overflow:hidden}
.board-page2 .page-head2 .user-info{padding:1.25rem 0 1.6rem;margin:0;text-align:center;background: url("../images/icon_14.png") no-repeat center;width: 100%;}
.board-page2 .page-head2 .user-avatar{width:6.75rem;height:6.75rem;border-radius:100%;margin-bottom:1.75rem;border:2px solid #e7e8e9;display:block;margin:0 auto 1rem;background-position:center top;background-size:cover}
.board-page2 .page-head2 .user-name{font-size:1.5rem;margin-bottom:1rem;color:#fff}
.board-page2 .page-head2 .user-account{font-size:1rem;margin-bottom:1.2rem;color:#ccc}
.board-page2 .page-head2 .user-balance{font-size:1.2rem;color:#fff}
.board-page2 .page-head2 .user-balance i{display:inline-block;background:url('../images/icon_09.png') no-repeat;background-size:cover;width:1.25rem;height:1.1rem;margin-right:.4rem}
.board-page2 .page-head2 .user-balance b{margin-left:2.6rem;color:#eee}
.board-page2 .page-head2 .background-blur{position:absolute;width:105%;height:105%;top:-2.5%;left:-2.5%;background:50% 50% no-repeat;background-size:cover;z-index:-1;-webkit-filter:blur(5px)}
.board-page2 .page-head2 .background-blur .background-mask{width:100%;height:100%;background:rgba(0,0,0,0.34)}
.board-page2 .page-head2 .question-tips{background-color:#ed2236;border-radius:100%;color:#fff;font-size:1rem;line-height:1.3rem;width:1.3rem;height:1.3rem;position:absolute;left:7rem;top:1rem}
.board-page2 .page-head2 .tab-table{background-color:#f3f0ef;position:relative;z-index:10;color:#333}
.board-page2 .page-head2 .tab-table .tab{padding:1.0rem}
.board-page2 .page-head2 .tab-table .tab .number{font-size:1.3rem;float:right}
.board-page2 .page-head2 .tab-table .tab .name{font-size:1.3rem;color:#666;float:left}
.board-page2 .page-head2 .tab-table .tab:not(:last-child):after{border-right-color:#e7e8e9}
.board-page2 .page-head2 .tab-table-widen{width:100%}
.board-page2 .page-head2 .tab-table-widen .tab{width:50%;padding-left:2rem;height:7.45rem}
.board-page2 .page-head2 .tab-table-widen .tab .value{margin-top:.15rem;margin-bottom:.7rem;line-height:1;font-size:2rem}
.board-page2 .page-head2 .tab-table-widen .tab .value span{font-size:1.8rem}
.board-page2 .page-head2 .tab-table-widen .tab .label{line-height:1;font-size:1rem}
.board-page2 .page-head2 .tab-table-widen .tab.gross-income{background:url('../images/icon_12.png') no-repeat;background-size:cover;color:#7b420e}
.board-page2 .page-head2 .tab-table-widen .tab.ranking{background:url('../images/icon_13.png') no-repeat;background-size:cover;color:#fff}
.board-page2 .unvolves .info-text{padding:4rem 0;text-align:center;font-size:1.5rem;color:#fff}
.board-page2 .unvolves .info-text p{font-style:italic}
.board-page2 .unvolves .info-text p:not(:last-child){margin-bottom:1rem}
.board-page2 .unvolves .info-text em{font-style:italic;color:#f3c23a;margin-left:.5rem}
.board-page2 .unvolves .redirect-btn{padding:1.5rem 0;text-align:center}
.board-page2 .unvolves .redirect-btn a{display:inline-block;border:solid 1px #fff;padding:1rem 1.5rem;font-size:1.5rem;color:#fff}
.board-page2 .unvolves .redirect-btn .to-guess{border-color:#ed2236;margin-left:4.5rem}
.board-page2 .panel-head{border-left:.5rem solid #ff7302;padding:.8rem 1rem;background-color:#fff}
.board-page2 .panel-head .name{font-size:1.5rem;color:#ff7302}
.board-page2 .situation .panel-body{padding:1.2rem 1.5rem}
.board-page2 .situation .income-status{margin-bottom:2rem}
.board-page2 .situation .income-status .bean-count{font-size:6.5rem;line-height:100%;position:relative;}
.board-page2 .situation .income-status .bean-count:after{content:"";position:relative;left:1rem;top:-2rem;background:url(../images/sprite.png) 0 0 no-repeat;background-size:23.2rem 10.85rem;display:inline-block;}
.board-page2 .situation .income-status .bean-count.up:after{/*width:2.2rem;height:2.2rem;*//*background-position:0 -1.6rem*/background: url("../images/icon_10.png") no-repeat;background-size: 21px 21px;width: 21px; height: 21px;}
.board-page2 .situation .income-status .bean-count.down:after{/*width:2.2rem;height:2.2rem;background-position:-2.7rem -1.6rem*/background: url("../images/icon_11.png") no-repeat;background-size: 21px 21px;width: 21px; height: 21px;}
.board-page2 .situation .income-status .down{color:#7cd233}
.board-page2 .situation .income-status .up{color:#ec2439}
.board-page2 .situation .bean-share{text-align:right;margin-bottom:1.8rem}
.board-page2 .situation .bean-share .share-btn{display:inline-block;color:#333;font-size:1.2rem;border:solid 1px #ed2236;padding:.7rem 1.5rem}
.board-page2 .situation .bean-share .share-btn:after{content:"";position:relative;left:.8rem;background:url(../images/sprite.png) 0 0 no-repeat;background-size:23.2rem 10.85rem;display:inline-block;width:1.36rem;height:1.26rem;background-position:-3.4rem -0.1rem}
.board-page2 .history-info.hide .details-header{border-bottom:0}
.board-page2 .history-info .details-header{position:relative;padding:0;border-bottom:0}
.board-page2 .history-info .details-header:after{border-top-color:#ed2236;border:0}
.board-page2 .history-info .details-header h1{background-color:#ffc92b;padding:0 2rem 0 1.5rem}
.board-page2 .history-info .details-header h1:after{border-top-color:#fff;content:"";display:inline-block;width:0;height:0;vertical-align:middle;border-top:5px solid #fff;border-right:5px solid transparent;border-left:5px solid transparent;position:absolute;right:5px;top:50%;-webkit-transform:rotate(0deg) translate(0,-50%)}
.board-page2 .history-info .open h1:after{-webkit-transform:rotate(180deg) translate(0,50%)}
.board-page2 .history-info .details-title{position:absolute;right:0;top:0;font-size:1.3rem;color:#fff;line-height:3rem}
.board-page2 .history-info .summary{font-size:1.2rem;color:#666;line-height:3rem}
.board-page2 .history-info .summary p:not(:last-child){margin-bottom:.7rem}
.board-page2 .history-info .summary .SSE-index-info:after{content:"";margin-left:.5rem;background:url(../images/sprite.png) 0 0 no-repeat;background-size:23.2rem 10.85rem;display:inline-block}
.board-page2 .history-info .summary .SSE-index-info.up:after{width:.9rem;height:1rem;background-position:-0.8rem .1rem}
.board-page2 .history-info .summary .SSE-index-info.down:after{width:.9rem;height:1rem;background-position:-2.1rem .1rem}
.board-page2 .history-info .summary .SSE-index{margin:0 .8rem 0 .3rem}
.board-page2 .history-info .summary .bean-in{margin-right:1rem}
.board-page2 .history-info .summary .bean-in-count{color:#000;margin:0 .4rem}
.board-page2 .history-info .summary .bean-out .bean-out-count{color:#000}
.board-page2 .history-info .summary .no-record.show{display:none}
.board-page2 .history-info .summary .has-record.hide{display:none}
.board-page2 .history-info .details-detail{border-bottom:0;background-color:#fff;padding:1rem;margin-top:.3rem}
.board-page2 .history-info .details-detail li{color:#333;font-size:1rem;height:1.3rem;line-height:1.3rem}
.board-page2 .history-info .details-detail li .align-right{float:right}
.board-page2 .history-info .details-detail li .plus-minus-bean{float:right;display:inline-block;line-height:1.3rem}
.board-page2 .history-info .details-detail li .plus-minus-bean.success{color:#ec2439}
.board-page2 .history-info .details-detail li .plus-minus-bean.fail{color:#65aa00}
.board-page2 .history-info .details-detail li:not(:last-child){margin-bottom:.8rem}
.board-page2 .history-info .details-detail time{color:#333;margin-right:.5rem}
.board-page2 .history-info .details-detail .result{margin:0 .3rem;width:1rem;text-align:center}
.board-page2 .history-info .details-detail .count{margin-right:.3rem}
.board-page2 .history-info .details-detail .unbet{font-size:1.2rem;text-align:center;color:#666}
.board-page2 .history-info .details-detail .hide{display:none}
.board-page2 .today-bet .panel-body{padding:1.5rem 1rem}
.board-page2 .today-bet .panel-body .bet-list{list-style:none;padding:0 .5rem}
.board-page2 .today-bet .panel-body .bet-list .bet-time{float:none;margin-right:1.7rem;color:#333}
.board-page2 .today-bet .panel-body .bet-list .board-odds{/*margin-left:2.6rem*/}
.board-page2 .today-bet .panel-body .bet-list .align-right{float:right;text-align:right;color:#333}
.board-page2 .today-bet .unbet{color:#666;font-size:1.2rem}
.board-page2 .today-bet .unbet.hide{display:none}
.board-page2 .today-bet .unbet p:not(:last-child){margin-bottom:1rem}
.board-page2 .today-bet .unbet a{color:#666;text-decoration:underline}
.board-page2 .person-history .current-month{float:right;color:#333;font-weight:100;font-style:italic;border-left:solid .4rem #ed2236;padding-left:.6rem;margin-right:1rem}
.board-page2 .person-history .panel-body{position:relative}
.board-page2 .person-history .calendar-table{width:100%;table-layout:fixed;background-color:#fff}
.board-page2 .person-history .calendar-table th,.board-page2 .person-history .calendar-table td{text-align:center}
.board-page2 .person-history .calendar-head{border-bottom:solid 1px #e7e8e9;border-top:solid 2px #e7e8e9}
.board-page2 .person-history .calendar-head th{color:#8c8c8c;font-weight:100;text-align:center;font-size:.9rem;padding:.8rem 0}
.board-page2 .person-history .calendar-head th.current{color:#f39800}
.board-page2 .person-history .calendar-body{-webkit-overflow-scrolling:touch}
.board-page2 .person-history .calendar-body table{width:100%;table-layout:fixed}
.board-page2 .person-history .calendar-body td{font-size:1.4rem;height:4.5rem;border:solid 1px #e7e8e9;color:#d1d1d1}
.board-page2 .person-history .calendar-body td.ungame{position:relative}
.board-page2 .person-history .calendar-body td.ungame:after{content:"";position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);width:2.5rem;height:2.5rem;border:solid .2rem #8c8c8c;border-radius:100%}
.board-page2 .person-history .calendar-body td.win,.board-page2 .person-history .calendar-body td.lose{position:relative}
.board-page2 .person-history .calendar-body td.win:after,.board-page2 .person-history .calendar-body td.lose:after{background:url(../images/sprite.png) 0 0 no-repeat;background-size:23.2rem 10.85rem;display:inline-block;content:"";position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%)}
.board-page2 .person-history .calendar-body td.win:after{width:2.6rem;height:2.7rem;background-position:0 -1.6rem}
.board-page2 .person-history .calendar-body td.lose:after{width:2.6rem;height:2.7rem;background-position:-2.7rem -1.6rem}
.board-page2 .person-history .calendar-body td.nogame{color:#3b3b3b}
.board-page2 .person-history .calendar-body td.current{color:#de8b22}
.board-page2 .person-history .calendar-body td span.no_guess{line-height:2.2rem;color:#8c8c8c;display:inline-block}
.board-page2 .person-history .calendar-body td span.no_time{color:#8c8c8c}
.board-page2 .person-history .calendar-body td span.now{color:#f39800}
.board-page2 .person-history .calendar-body td span.no_trade{color:#8c8c8c}
.board-page2 .person-history .new-calendar-title{width:100%;height:3rem;line-height:3rem;background-color:#f5f5f5;color:#333;position:relative;font-size:1.4rem}
.board-page2 .person-history .new-calendar-title .prev-month-bar{position:absolute;top:0;left:1.2rem}
.board-page2 .person-history .new-calendar-title .next-month-bar{position:absolute;top:0;right:1.2rem}
.board-page2 .person-history .new-calendar-title .current-month-bar{width:10rem;margin:0 auto;text-align:center}
.board-page2 .person-history .new-calendar-title .icon-month{width:.75rem;height:1.35rem;display:inline-block;vertical-align:-0.2rem}
.board-page2 .person-history .new-calendar-title .icon-prev-month{background-image:url('../images/icon_prev_month.png');background-position:center top;background-repeat:no-repeat;background-size:100% 100%}
.board-page2 .person-history .new-calendar-title .icon-next-month{background-image:url('../images/icon_next_month.png');background-position:center top;background-repeat:no-repeat;background-size:100% 100%}
.board-page2 .person-history .new-calendar-title .disable{color:#d1d1d1}
.board-page2 .person-history .new-calendar-title .disable .icon-next-month{background-image:url('../images/icon_next_month_gray.png');background-position:center top;background-repeat:no-repeat;background-size:100% 100%}
.board-page2 .person-history .new-calendar-title .disable .icon-prev-month{background-image:url('../images/icon_next_month_gray.png');background-position:center top;background-repeat:no-repeat;background-size:100% 100%;-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.board-page2 .page-foot .board-close-btn{width:100%;padding:1.5rem 0;-webkit-appearance:none;border:0;font-size:1.2rem;color:#444;background-color:transparent}
#coin-animation{position:absolute;z-index:10000;top:50%;left:50%;transform:translate(-50%,-100%);-webkit-transform:translate(-50%,-100%);width:9.9rem;height:14.3rem;background:url(../images/coin_animate.png) 0 0 no-repeat;background-size:19.8rem}
#coin-animation.hide{display:none}
#coin-animation.down{background-position:-10.55rem 0}
.details .details-detail.hide{display:none}
.panel-head .name{font-weight:700}
.profile_page{width:100%;height:100%;background-color:rgba(0,0,0,0.5);position:absolute;top:0;left:0;z-index:10;padding:0 1rem;font-size:0}
.profile_page.hide{display:none}
.profile_page .main_wrap{width:100%;overflow:hidden;background:#e5e5e5;margin-top:3.5rem;border-radius:3px}
.profile_page .main_wrap .info_content{width:100%;position:relative}
.profile_page .main_wrap .info_content .right_title{font-size:1.5rem;color:#fff;padding:1rem 0;padding-left:1.5rem;background-color:#ec2439;position:relative}
.profile_page .main_wrap .info_content .right_title .tips{font-size:1rem;color:#919191;position:relative;left:1.1rem}
.profile_page .main_wrap .info_content .right_title .icon_close_profile{width:1.5rem;height:1.5rem;background-image:url('../images/icon_close_profile.png');background-repeat:no-repeat;background-position:center .8rem;background-size:1.5rem 1.5rem;position:absolute;right:0rem;top:0rem;padding:2rem}
.profile_page .main_wrap .info_content .my_photo{width:4.5rem;height:4.5rem;background-position:center top;background-repeat:no-repeat;background-size:100% 100%;border-radius:100% 100%;display:inline-block;vertical-align:middle}
.profile_page .main_wrap .info_content .info_list{background-color:#fff}
.profile_page .main_wrap .info_content .info_list .info_item{width:100%;height:4.5rem;line-height:4.5rem;border-bottom:1px solid #ddd;margin-left:1.5rem}
.profile_page .main_wrap .info_content .info_list .info_item label{font-size:1.4rem}
.profile_page .main_wrap .info_content .info_list .info_item .label_male{margin-right:55px}
.profile_page .main_wrap .info_content .info_list .info_item .sex_male,.profile_page .main_wrap .info_content .info_list .info_item .sex_female{width:15px;height:15px;vertical-align:middle}
.profile_page .main_wrap .info_content .info_list .last{border-bottom:0}
.profile_page .main_wrap .info_content .info_list .info_title{display:inline-block;*display:inline;*zoom:1;width:6rem;text-align:left;font-size:1.4rem;color:#4a4c4d}
.profile_page .main_wrap .info_content .info_list .photo_item{height:6rem;line-height:6rem}
.profile_page .main_wrap .info_content .info_list .photo_item .info_title{vertical-align:top}
.profile_page .main_wrap .info_content .info_list .photo_item .change_photo{color:#ec2439;vertical-align:top;margin-left:20px;font-size:1.4rem}
.profile_page .main_wrap .info_content .info_list .photo_item form{display:none}
.profile_page .main_wrap .info_content .info_list .input_nickname,.profile_page .main_wrap .info_content .info_list .input_realname,.profile_page .main_wrap .info_content .info_list .input_address,.profile_page .main_wrap .info_content .info_list .input_idcard,.profile_page .main_wrap .info_content .info_list .input_tel,.profile_page .main_wrap .info_content .info_list .input_userid{width:15rem;border:0;color:#6d6d72;font-size:1.4rem}
.profile_page .main_wrap .info_content .info_list .input_address{width:18rem}
.profile_page .main_wrap .info_content .little_tips{font-size:1.3rem;color:#6d6d72;text-align:center;padding:1rem 0}
.profile_page .main_wrap .info_content .btn_save_all{display:block;margin:0 1.5rem 1rem;color:white;height:5rem;line-height:5rem;font-size:2rem;text-align:center;background:#ec2439}
.profile_page .main_wrap .info_content .btn_save_all:active{background:#f27f88}
.profile_page .main_wrap .info_content .error_info{font-size:10px;color:red}
.profile_page .main_wrap .info_content .error_info.hide{visibility:hidden}
#profile-succeed-box{width:100%;height:100%;background-color:rgba(0,0,0,0.5);position:absolute;top:0;left:0;z-index:10;padding:0 1rem;font-size:0}
#profile-succeed-box.hide{display:none}
#profile-succeed-box .coin-animation-succeed{margin:14rem auto;border-radius:3px;width:23.75rem;height:14rem;background-color:#fff}
#profile-succeed-box .coin-animation-succeed .succeed-tittle{width:100%;height:9.75rem;font-size:1.3rem;color:#222;text-align:center;border-bottom:2px solid #ddd;line-height:9.75rem}
#profile-succeed-box .coin-animation-succeed .succeed-btn{width:100%;height:4rem;line-height:4rem;font-size:1.4rem;color:#ff252a;text-align:center}
.rank-page2{background-color:#f3f0ef}
.rank-page2 .page-head2{width:100%;padding:.8rem 5px;background-color:#fff;position:relative;top:0;left:0;z-index:1000;border-left:.5rem solid #ff7302}
.rank-page2 .page-head2 .tab-table{width:auto}
.rank-page2 .page-head2 .tab{font-size:1.5rem;font-weight:700;font-style:italic}
.rank-page2 .page-head2 .tab:after{border:0}
.rank-page2 .page-head2 .tab a{color:#666;/*padding:.8rem;*/display: inline-block;width: 100%;}
.rank-page2 .page-head2 .tab a.active{color:#ff7302}
.rank-page2 .tab-detail2{/*display:none;*/position:relative}
.rank-page2 .tab-detail2.active{display:block}
.rank-page2 .tab-detail2 .header-info,.rank-page2 .tab-detail2 .footer-info,.rank-page2 .tab-detail2 .header-info2{color:#666;text-align:center;position:absolute;padding:1rem 0;width:100%}
.rank-page2 .tab-detail2 .header-info{top:-3.5rem}
.rank-page2 .tab-detail2 .header-info2{top:0;}
.rank-page2 .tab-detail2 .footer-info{bottom:-3.5rem}
.rank-page2 .tab-detail2.animate{-webkit-transition:all .5s;transition:all .5s}
.rank-page2 .panel-foot{padding:1.2rem 1.2rem 2rem}
.rank-page2 .panel-foot a{color:#f3991d}
.rank-display{font-size:1.3rem;position:relative}
.rank-display .unparticipate .triangle-container{background:url(../images/triangle.png) 50% 0 no-repeat;background-size:23.65rem 20.5rem}
.rank-display .unparticipate .flow,.rank-display .unparticipate .triangle-mask{display:none}
.rank-display .unparticipate .participate-status{color:#ed2236;margin-bottom:1.2rem}
.rank-display .unparticipate .redirect-btn{padding:1rem 2rem;font-size:1.5rem;color:#fff;background-color:#ed2236;display:inline-block}
.rank-display .unparticipate .current-rank{height:13rem}
.rank-display .no-rank-cls{display:none}
.rank-display .new-rank-container{padding:1.8rem;padding-left:2rem}
.rank-display .new-rank-no{color:#f73838;font-weight:700;font-size:4.5rem;padding:0 1.4rem 0 1rem}
.rank-display .new-total-num-box{display:inline-block;color:#666;font-size:.9rem;position:relative;top:0;left:-1rem}
.rank-display .new-total-num-box .new-total-num{padding-left:.2rem;padding-right:.2rem}
.rank-display .new-toast{font-size:1rem;color:#666;padding-left:2rem;margin-bottom:1.2rem}
.rank-display .new-rank-flag{font-size:1rem;display:inline-block;position:relative;top:-2rem;left:-1.6rem}
.rank-display .new-rank-flag.equal{visibility:hidden}
.rank-display .up{color:#f73838}
.rank-display .up:before{content:'';background-image:url("../images/order_up.png");width:.9rem;height:.9rem;display:inline-block;background-position:top center;background-size:100% 100%;margin-right:.2rem}
.rank-display .down{color:#148403}
.rank-display .down:before{content:'';background-image:url("../images/order_down.png");width:.9rem;height:.9rem;display:inline-block;background-position:top center;background-size:100% 100%;margin-right:.2rem}
.rank-display .plain{color:#333}
.rank-detail{position:relative;margin-bottom:3rem}
.rank-detail .triangle-container{margin:0 auto;width:23.65rem;height:20.5rem}
.rank-detail .current-rank{position:relative;z-index:3;text-align:center;color:#fff;background:url(../images/triangle.png) 50% 0 no-repeat;background-size:23.65rem 20.5rem;border-bottom:solid 1px #ed2236}
.rank-detail .current-rank.up.type1{-webkit-animation:slideup1 1s linear;-webkit-animation-fill-mode:forwards}
.rank-detail .current-rank.down.type1{-webkit-animation:slidedown1 1s linear;-webkit-animation-fill-mode:forwards}
.rank-detail .current-rank.up.type2{-webkit-animation:slideup2 1s linear;-webkit-animation-fill-mode:forwards}
.rank-detail .current-rank.down.type2{-webkit-animation:slidedown2 1s linear;-webkit-animation-fill-mode:forwards}
.rank-detail .current-rank.up.type3{-webkit-animation:slideup3 1s linear;-webkit-animation-fill-mode:forwards}
.rank-detail .current-rank.down.type3{-webkit-animation:slidedown3 1s linear;-webkit-animation-fill-mode:forwards}
.rank-detail .current-rank.stay.type1{height:0}
.rank-detail .current-rank.stay.type2{height:12rem}
.rank-detail .current-rank.stay.type3{height:15rem}
.rank-detail .current-rank p{font-size:4rem;font-weight:bold;position:absolute;bottom:2rem;width:100%}
.rank-detail .current-rank p:before,.rank-detail .current-rank p:after{color:#ed2236;font-size:1.2rem}
.rank-detail .current-rank p:before{content:"\7b2c";margin-right:.3rem}
.rank-detail .current-rank p:after{content:"\540d";margin-left:.6rem}
.rank-detail .triangle-mask{top:0;position:absolute;width:23.65rem;height:20.5rem;background:url(../images/triangle_mask_2.png) 50% 50% no-repeat;background-size:contain;z-index:2}
.rank-detail .flow{top:0;position:absolute;width:23.65rem;height:20.5rem;z-index:1;background-color:#ed2236}
.rank-detail .participate-status{position:absolute;width:23.65rem;bottom:2.2rem;color:#fff;text-align:center;z-index:3;font-size:1.2rem}
.rank-change{text-align:center;color:#ccc;font-size:1.2rem;margin-bottom:1rem}
.rank-change em{color:#ed2236}
.rank-meta{text-align:center;color:#666;font-size:1rem}
.rank-activity{background-color:#0f0f0f}
.rank-activity .panel-body{padding:0 1.2rem}
.rank-activity .activity-detail{table-layout:fixed;width:100%;font-size:1.2rem}
.rank-activity .activity-detail thead{color:#888}
.rank-activity .activity-detail thead th{padding-bottom:1rem}
.rank-activity .activity-detail tbody{color:#fff}
.rank-activity .activity-detail tbody tr{height:1.8rem}
.yeaterday-board,.all-board{-webkit-transform:matrix(1,0,0,1,0,0);transform:matrix(1,0,0,1,0,0)}

/*
.yeaterday-board .rank-count li:nth-child(1):before,.all-board .rank-count li:nth-child(1):before,.yeaterday-board .rank-count li:nth-child(2):before,.all-board .rank-count li:nth-child(2):before,.yeaterday-board .rank-count li:nth-child(3):before,.all-board .rank-count li:nth-child(3):before{content:"";left:1.3rem;background:url(../images/sprite.png) 0 0 no-repeat;background-size:23.2rem 10.85rem;display:inline-block}
.yeaterday-board .rank-count li:nth-child(1) .userNo,.all-board .rank-count li:nth-child(1) .userNo,.yeaterday-board .rank-count li:nth-child(2) .userNo,.all-board .rank-count li:nth-child(2) .userNo,.yeaterday-board .rank-count li:nth-child(3) .userNo,.all-board .rank-count li:nth-child(3) .userNo{display:none}
.yeaterday-board .rank-count li:nth-child(1):before,.all-board .rank-count li:nth-child(1):before{width:2.5rem;height:2.5rem;background-position:0 -4.4rem}
.yeaterday-board .rank-count li:nth-child(2):before,.all-board .rank-count li:nth-child(2):before{width:2.5rem;height:2.5rem;background-position:-2.6rem -4.4rem}
.yeaterday-board .rank-count li:nth-child(3):before,.all-board .rank-count li:nth-child(3):before{width:2.5rem;height:2.5rem;background-position:-5.1rem -4.4rem}
*/

.rank-common-list2{background-color:#f3f0ef;overflow:hidden;margin-bottom: 75px;}
.rank-common-list2 li{padding:2rem 1rem 2rem 8.2rem;position:relative;color:#676666;font-size:1.2rem}
.rank-common-list2 li .userNo{/*position:absolute;*/color:#676666;width:76%;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);font-size:1.5rem;font-style:italic;font-weight:700;margin:10px 0 0 -10px;display: inline-block;}
.rank-common-list2 li:before{position:absolute;color:#333;left:2rem;top:50%;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);font-size:1.5rem;font-style:italic}
.rank-common-list2 li:not(:last-child){border-bottom:solid 1px #cecece}
.rank-common-list2 li.active{background-color:#ec2438}
.rank-common-list2 li.active .userNo,.rank-common-list2 li.active .username,.rank-common-list2 li.active .bean-count{color:#fff}
.rank-common-list2 .avatar{height:5rem;width:5rem;border-radius:100%;position:absolute;top:1.3rem;left:2rem;background-positon:center top;background-repeat:no-repeat;background-size:cover}
.rank-common-list2 .username,.rank-common-list2 .username1s,.rank-common-list2 .username2,.rank-common-list2 .username3{/*margin-left:1.2rem;*/display:inline-block;width:76%;margin-top: -8px;text-align: center;}
.rank-common-list2 .username1{background: url("../images/icon_15.png") no-repeat right top;background-size: 25px 24px;}
.rank-common-list2 .username2{background: url("../images/icon_16.png") no-repeat right top;background-size: 25px 24px;}
.rank-common-list2 .username3{background: url("../images/icon_17.png") no-repeat right top;background-size: 25px 24px;}



.rank-common-list2 .username small{overflow: hidden; text-overflow: ellipsis;white-space: nowrap;display: inline-block;width: 100%;line-height: 30px;color: #000;font-size: 1.4rem;}
.rank-common-list2 .bean-count{float:right;text-align: right;margin-top: -8px;}
.rank-common-list2 .bean-count strong{margin-right:.3rem;color: #fb9805;font-size: 1.2rem;line-height: 30px;}
.rank-common-list2 .bean-count em{margin-right:.3rem;margin-top: 5px;display: inline-block;}
.rank-common-list2 .no-content-pl2{width:18rem;height:14rem;margin:3rem auto;background-image:url('../images/award_stage.png');background-position:center bottom;background-repeat:no-repeat;background-size:100% 9rem;text-align:center;font-size:1.4rem;color:#ccc;line-height:1.4}
.rank-common-list2 .no-content-pl2 .wenan{width:13rem;overflow:hidden;margin:0 auto}
.rank-common-list2 .no-content-pl2 .wenan .align-left{float:left}
.rank-common-list2 .no-content-pl2 .wenan .align-right{float:right}
@-webkit-keyframes slideup1{0%{height:6rem}
100%{height:0rem}
}
@-webkit-keyframes slidedown1{0%{height:0rem}
100%{height:4rem}
}
@-webkit-keyframes slideup2{0%{height:15rem}
100%{height:12rem}
}
@-webkit-keyframes slidedown2{0%{height:9rem}
100%{height:12rem}
}
@-webkit-keyframes slideup3{0%{height:12rem}
100%{height:15rem}
}
@-webkit-keyframes slidedown3{0%{height:18rem}
100%{height:15rem}
}
.guide-page{background-color:#f3f0ef}
.guide-page .details.hide .details-header:after{transform-origin:50% 50%;transform:rotate(135deg) translate(-50%,50%);-webkit-transform:rotate(135deg) translate(-50%,50%)}
.guide-page .details .details-detail{padding:0 1.5rem}
.guide-page .details-header{padding:.8rem 1rem;border:0;background-color:#fff;border-left:solid .5rem #ff7302;font-size:1.5rem;font-weight:700;font-style:italic}
.guide-page .details-header:after{content:"";width:1rem;height:1rem;border:0;border-top:solid .1rem #313131;border-right:solid .1rem #313131;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);right:1.5rem}
.guide-page .details-header .details-title{font-weight:700;font-size:1.5rem;color:#666}
.guide-page .details-detail{border:0}
.guide-page .details-detail p{font-size:1.2rem;line-height:1.5;margin-bottom:1rem}
.guide-page .details-detail .earn-bean-meta{margin-bottom:3rem}
.guide-page .flow-chart{width:28.7rem;height:40.9rem;margin:2rem auto 0;background-image:url('../images/guide_pic.png');background-position:center top;background-repeat:no-repeat;background-size:100% 100%}
.guide-page .flow-chart .round{width:11.3rem;height:11.3rem;border-radius:100%;background-color:#f3991d;color:#fff;text-align:center;margin-bottom:3rem;position:relative}
.guide-page .flow-chart .round:last-child{margin-bottom:2rem}
.guide-page .flow-chart .round h1{padding:2rem 0 1rem;font-size:1.5rem}
.guide-page .flow-chart .round p{width:8rem;display:inline-block;font-size:1rem}
.guide-page .flow-chart .round:not(:last-child):after{content:"";position:absolute;width:10rem;height:6rem;top:50%;border-radius:1rem;border-top:dashed .1rem #f3991d;border-right:dashed .1rem #f3991d}
.guide-page .flow-chart .round:not(:last-child):before{content:"";border-top:solid 1px #f3991d;border-right:solid 1px #f3991d;width:.6rem;height:.6rem;position:absolute;right:-50%;top:50%;margin-top:-0.3rem;transform:rotate(45deg);-webkit-transform:rotate(45deg)}
.guide-page .flow-chart .rect{background-color:#000;color:#f3991d;float:right;font-size:1.2rem;width:10.2rem;text-align:center;padding:.9rem .8rem;position:relative;margin-top:-4rem}
.guide-page .flow-chart .rect:before{content:"";position:absolute;width:10rem;height:4rem;left:-87%;top:50%;border-radius:1rem;border-top:dashed .1rem #f3991d;border-left:dashed .1rem #f3991d;z-index:-1}
.guide-page .flow-chart .rect:after{content:"";border-top:solid 1px #f3991d;border-right:solid 1px #f3991d;width:.6rem;height:.6rem;position:absolute;left:-50%;top:50%;margin-top:-0.3rem;transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}
.guide-page ol{list-style:decimal;margin-left:1.2rem}
.guide-page a{color:#6281d5}
.guide-page .base-list{font-size:1.2rem}
.guide-page .base-list .text-mute{color:#313131}
.guide-page .base-list dt{margin-bottom:1.4rem}
.guide-page .base-list dd{margin-bottom:2.5rem}
.guide-page .base-list .participation-way .meta{margin-top:1rem}
.guide-page .base-list .guess-date p:not(:last-child){margin-bottom:1rem}
.guide-page .base-list .lottery-date .info{font-size:1rem;color:#6281d5}
.prize-info{width:100%;margin-bottom:2.3rem}
.prize-info thead{background-color:#f3991d}
.prize-info thead th{padding:.9rem 0 .9rem 1.2rem;font-size:1rem;color:#fff;font-weight:100}
.prize-info thead .prize-info-tittle{font-size:18px;text-align:center;padding-left:0}
.prize-info tbody{background-color:#fff}
.prize-info tbody td{padding:1.2rem 0rem 1.2rem 1.2rem;vertical-align:top;font-size:1rem;line-height:1.2}
.prize-info tbody tr td:last-child{padding-right:.5rem}
.prize-info tbody tr:not(:last-child){border-bottom:solid .1rem #f3f0ef}
.result-page{background-color:#f3f0ef;color:#333}
.result-page .result-icon{margin:7.5em auto 2.8em}
.result-page .result-icon.success{background:url(../images/sprite.png) 0 0 no-repeat;background-size:23.2rem 10.85rem;display:block;width:7rem;height:7rem;background-position:-8.3rem 0}
.result-page .result-icon.error{background:url(../images/sprite.png) 0 0 no-repeat;background-size:23.2rem 10.85rem;display:block;width:7rem;height:7rem;background-position:-15.5rem 0}
.result-page .result-msg{text-align:center}
.result-page .result-msg .content{font-size:1.5rem;margin-bottom:1rem}
.result-page .result-msg .meta{font-size:1.2rem}
.result-page .result-detail{margin:6em 0 4.2em}
.result-page .result-detail fieldset{padding:2.5rem 2rem;border:solid .6rem #000;margin:0 1.5rem}
.result-page .result-detail fieldset legend{font-size:1rem;padding:0 .8rem}
.result-page .result-detail fieldset table{height:6rem;font-size:1.2rem}
.result-page .result-detail fieldset table th{text-align:right}
.result-page .result-detail fieldset table span{color:#ed3044}
.result-page .page-foot{padding:1.5rem .75rem;background:#000;font-size:0;text-align:center}
.result-page .page-foot .btn{display:inline-block;width:13.9rem;height:4.5rem;color:#fff;text-align:center;line-height:4.5rem;font-size:1.5rem;background-color:#ed2237}
.result-page .page-foot .btn:first-child{margin-right:1.5rem}
.login{height:100%}
.login body{height:100%}
.prize-cup{background:url(../images/prize.png) 0 0 no-repeat;background-size:30rem;display:inline-block;width:15rem;height:13rem}
.prize-cup.gold{background-position:0 1rem}
.prize-cup.silver{background-position:-16rem 1rem}
.prize-cup.copper{background-position:0 -12.3rem}
.prize-cup.normal{background-position:-16rem -12.3rem}
.login-page header{position:absolute;left:0;top:0}
.login-page section{padding:8.8rem 0 5.9rem;height:100%}
.login-page section p{text-align:center;font-size:1rem;background-color:#e8e8e8;padding:.5rem 0}
.login-page section table{table-layout:fixed;width:100%;height:100%;background-color:#f3f3f3}
.login-page section table td{vertical-align:middle;text-align:center;position:relative}
.login-page footer{position:absolute;bottom:0;left:0;height:5.9rem;width:100%}
.login-page footer a{display:inline-block;width:100%;height:100%;text-align:center;line-height:5.9rem;font-size:2.1rem;background-color:#ed2237;color:#ffd23f}
.game_over{background-color:#f4f4f4}
.game_over ol{list-style:decimal;margin-left:1.2rem}
.game_over ol p{font-size:1.2rem;line-height:1.5;margin-bottom:1rem}
.game_over .panel-head{padding-left:0}
.game_over .panel-head h1{font-size:1.2rem;color:#fff;background-color:#f74226;display:inline-block;padding:.5rem 1rem .4rem;font-weight:100;position:relative}
.game_over .panel-head h1:after{background:url(../images/sprite.png) 0 0 no-repeat;background-size:23.2rem 10.85rem;display:inline-block;content:"";width:.9rem;height:2.3rem;position:absolute;top:0;right:-0.9rem;background-position:0 -7.8rem}
.game_over .panel-body{padding:1.5rem}
.game_over .page-foot{padding:1.5rem .75rem;background:#e4e4e4;font-size:0;text-align:center}
.game_over .page-foot .btn{display:inline-block;width:13.9rem;height:4.5rem;color:#fff;text-align:center;line-height:4.5rem;font-size:1.5rem;background-color:#ed2237}
.game_over .page-foot .btn:first-child{margin-right:1.5rem}
.prize-list{background-color:#fffdf1}
.prize-list .meta:not(:last-child){margin-bottom:1rem}
.prize-list .meta.strong{font-weight:600;font-size:1.5rem}
.prize-list .page-body{padding:1.2rem}
.prize-list .winners-list{background-color:#fff;border:solid 1px #e5e3d8;padding:.8rem}
.prize-list .winners-list .list-section .title{border-bottom:solid 1px #f13737;padding:.5rem}
.prize-list .winners-list .list-section .title h1{font-size:1.3rem;display:inline-block;margin-right:1rem}
.prize-list .winners-list .list-section .title .meta{color:#ed2237;font-size:1rem}
.prize-list .winners-list .list-section .content{padding:.5rem}
.prize-list .winners-list .list-section li{display:inline-block;color:#333;margin-bottom:.7rem;font-size:1rem}
.prize-list .page-foot{padding:1.5rem .75rem;font-size:0;text-align:center}
.prize-list .page-foot .btn{display:inline-block;width:100%;padding:1.6rem 0;color:#ffd92f;text-align:center;font-size:1.8rem;background-color:#ed2237}
.bg-style-common{background-size:100% auto;background-repeat:no-repeat}
.setAward{background:url("../images/setAward.png") no-repeat;width:100%;height:1.6rem;background-size:contain;margin-top:2rem}
.prize-show{min-height:50rem;background:url("../images/prize_bg.png") no-repeat 0 -20px;background-size:contain;background-size:100% auto;background-repeat:no-repeat}
.prize-show .container{height:100%;padding-top:40%}
.prize-show .container .hide{display:none}
.prize-show .prize-list{overflow:hidden;background-color:transparent;width:30.5rem;margin:0 auto;margin-top:3rem}
.prize-show .prize-list .prize-item{float:left;width:15rem;height:10.5rem}
.prize-show .prize-list .prize-one{background-image:url('../images/prize_show_one.png');background-size:100% auto;background-repeat:no-repeat}
.prize-show .prize-list .prize-two{background-image:url('../images/prize_show_two.png');background-size:100% auto;background-repeat:no-repeat}
.prize-show .prize-list .prize-three{background-image:url('../images/prize_show_three.png');background-size:100% auto;background-repeat:no-repeat}
.prize-show .prize-list .prize-best{background-image:url('../images/prize_show_best.png');background-size:100% auto;background-repeat:no-repeat}
.prize-show .page-foot{margin-top:1rem}
.prize-show .page-foot .page-foot-text{font-size:18px;color:#7e7e7e;line-height:50px;text-align:center}
.prize-show .page-foot .download-link{width:96%;height:8rem;display:block;margin:auto;margin-bottom:1rem;background-image:url('../images/prize_app_link.png');background-size:100% auto;background-repeat:no-repeat}
.prize-show .popmask{position:fixed;height:100%;width:100%;left:0;top:0;background-color:rgba(0,0,0,0.8);z-index:10}
.prize-show .popmask .arrow{width:66px;height:142px;background:url('../images/wx_arrow.png');background-size:100% 100%;position:absolute;right:5%;top:0}
.prize-show .popmask .info_text{color:#fff}
.prize-show .popmask .info_text .text_point{top:144px;right:107px}
.prize-show .popmask .info_text .text{position:absolute;font-size:24px}
.prize-show .popmask .info_text .text_meta{top:203px;left:54px}
.prize-show .popmask .btn_simulate.android{-webkit-transform:rotate(90deg)}
.prize-show .popmask .btn_simulate{position:absolute;height:5px;width:22px;top:156px;right:67px;background:url('../images/share_btn.png');background-size:100% 100%}
.bg-common{background-position:center top;background-repeat:no-repeat;background-size:100% 100%}
.game-post{background-color:#f5f5f5}
.game-post .page-head2{width:100%;background-color:#dd3334;position:relative}
.game-post .page-head2 .page-bg{width:32rem;height:18.5rem;margin:0 auto;background-image:url('../images/award_cup_bg.png');background-position:center top;background-repeat:no-repeat;background-size:100% 100%}
.game-post .page-head2 .card{position:absolute;width:32rem;height:21.2rem;background-image:url('../images/card.png');background-position:center top;background-repeat:no-repeat;background-size:100% 100%;left:50%;margin-left:-16rem;top:0}
.game-post .soon-page-head2{width:100%;background-color:#f5f5f5;position:relative}
.game-post .soon-page-head2 .soon-page-bg{width:32rem;height:26rem;margin:0 auto;background-image:url('../images/soon_bg.png');background-position:center -6.5rem;background-repeat:no-repeat;background-size:100% auto}
.game-post .page-body .countdown-board{width:290px;height:115px;background-image:url('../images/countdown_board.png');background-position:center top;background-repeat:no-repeat;background-size:100% 100%;margin:5rem auto 0;position:relative}
.game-post .page-body .countdown-board .cd-list{font-size:38px;color:#333;position:absolute;top:51px;left:15px;text-align:center}
.game-post .page-body .countdown-board .cd-list .cd-item{display:inline-block;width:58px;margin-right:-1px}
.game-post .page-body .award-pic{width:29rem;height:21.5rem;background-image:url('../images/award_list_1.png');background-position:center top;background-repeat:no-repeat;background-size:100% 100%;margin:1.6rem auto}
.game-post .page-body .award-pic-soon{width:29rem;height:21.5rem;background-image:url('../images/award_list_1.png');background-position:center top;background-repeat:no-repeat;background-size:100% 100%;margin:0 auto 1rem}
.game-post .page-body .award-pic-text{margin-bottom:1.4rem;font-size:1.2rem;color:#727272;text-align:center}
.game-post .page-body .title{font-size:1.5rem;font-weight:700;font-style:italic;color:#ec2439;border-left:.5rem solid #ec2439;padding:.8rem 1rem;background-color:#fff}
.game-post .page-body .note-list{font-size:1rem;color:#000;padding:1.5rem;line-height:2}
.open-prize-page{background-color:#f7f7f7;position:relative;height:100%}
.open-prize-page .personal-area{overflow:hidden}
.open-prize-page .personal-area .need-to-know{width:20rem;height:4rem;margin:1.3rem auto;background-image:url('../images/open_prize_title.png');background-repeat:no-repeat;background-position:center top;background-size:100% 100%}
.open-prize-page .personal-area .my-award-info{background-color:#fff3de;border-bottom:1px solid #ffe0ab;text-align:center;padding:1rem 0}
.open-prize-page .personal-area .icon-award{display:inline-block;width:4.5rem;height:5.2rem;background-image:url('../images/personal_award.png');background-position:center top;background-repeat:no-repeat;background-size:100% auto;vertical-align:middle;margin-right:1rem}
.open-prize-page .personal-area .right-info{display:inline-block;vertical-align:middle;text-align:left}
.open-prize-page .personal-area .right-info .up-area{font-size:1rem;color:#562a21;margin-bottom:.5rem}
.open-prize-page .personal-area .right-info .down-area{font-size:1.1rem;font-weight:700;width:21rem;line-height:1.4}
.open-prize-page .personal-area .right-info .down-area .award-name{color:#ec2439;margin:0 .3rem}
.open-prize-page .personal-area .know-list{font-size:1.1rem;padding:0 1rem;padding-left:3rem;list-style-type:decimal}
.open-prize-page .personal-area .know-list .know-item{color:#333;margin-bottom:1rem;line-height:1.5}
.open-prize-page .personal-area .know-list a{color:#ec2439;margin:0 5px}
.open-prize-page .personal-area .link-edit-profile{color:white;text-align:center;display:block;margin:0 auto;font-size:1.5rem;background-color:#ec2439;padding:1.5rem 0;margin:1rem;border-radius:2px}
.open-prize-page .guess-btn{width:100%;text-align:center;font-size:1.2rem;height:4rem;line-height:4rem}
.open-prize-page .guess-btn a{color:#000}
.open-prize-page .list-color{background:url('../images/winImg.png') no-repeat;background-position:0 -2rem;padding-top:2rem}
.open-prize-page .award-area{background-color:#feedb9;padding-bottom:2rem}
.open-prize-page .award-area .award-banner{font-size:2rem;font-weight:700;color:#ec2439;width:100%;height:4rem;line-height:4rem;text-align:center;background-color:#feedb9}
.open-prize-page .award-area .list-wrap{margin:0rem 1rem;border:1px solid #dcdcdc;background-color:#fff;font-size:1rem;overflow:hidden}
.open-prize-page .award-area .award-list{color:#333;padding:1rem}
.open-prize-page .award-area .award-info{padding:.5rem;border-bottom:1px solid #ec2439}
.open-prize-page .award-area .award-info .award-title{font-size:1.3rem}
.open-prize-page .award-area .award-info .award-content{color:#ec2439}
.open-prize-page .award-area .award-table{width:100%;margin-left:.5rem}
.open-prize-page .award-area .award-table td{line-height:2}
#profile_page-succeed{width:100%;height:100%;background-color:rgba(0,0,0,0.5);position:absolute;top:0;left:0;z-index:10;padding:0 1rem;font-size:0}
#profile_page-succeed.hide{display:none}
#profile_page-succeed .coin-animation-succeed{margin:22rem auto 0rem;border-radius:3px;width:23.75rem;height:14rem;background-color:#fff}
#profile_page-succeed .coin-animation-succeed .succeed-tittle{width:100%;height:9.75rem;font-size:1.3rem;color:#222;text-align:center;border-bottom:2px solid #ddd;line-height:9.75rem}
#profile_page-succeed .coin-animation-succeed .succeed-btn{width:100%;height:4rem;line-height:4rem;font-size:1.4rem;color:#ff252a;text-align:center}




.icon_upmonth{background: url("../images/icon_prev_month.png") center;width: 15px;height: 27px;}
.dataleft{float: left;height: 35px}
.dataleft span:nth-child(2){width: 35px;height: 35px;line-height: 35px;display: inline-block;float: left}
.dataleft span:nth-child(1){width: 14px;height: 35px;background:url(../images/icon_prev_month.png) 0px 7px no-repeat;background-size: 10px 20px;display: inline-block;float: left}
.dataright{float: right;}
.dataright span:nth-child(1){width: 35px;height: 35px;line-height: 35px;display: inline-block;float: left}
.dataright span:nth-child(2){width: 25px;height: 35px;background:url(../images/icon_next_month.png) 5px 7px no-repeat;background-size: 10px 20px;display: inline-block;float: left}
.dataright span:nth-child(2).active{background:url(../images/icon_next_month_gray.png) 5px 7px no-repeat;background-size: 10px 20px;}
.dataml{margin-left: 5px;font-size: 1.4rem;color: #333;}
.datamr{margin-right: 5px;font-size: 1.4rem;color: #333;}
.databox{/*width: 150px;height: 36px;line-height: 36px;*/margin: 0 auto 75px auto;text-align: center;color: #FFF;/*position: relative;*/}
.dataclicks{width: 100%;height: 100%;display: block;}
.datacalendarbox{/*position: absolute;top: 36px;background: #FFE7C4;*/padding: 5px;/*border: 1px solid #2C3E50;*/}
.datacalendardaytitle{height: 35px;line-height: 35px;border-bottom:1px solid #E7E8E9;color: #333333;overflow: hidden;background: #f5f5f5;}
.datacalendarday{width: 100%;height: 4.5rem;line-height: 4.5rem;border-top: 1px solid #e7e8e9;border-left: 1px solid #e7e8e9;margin-top:5px;/*overflow: hidden;*/}
.datacalendarday span{width: 14.27%;height: 4.5rem;line-height: 4.5rem;background: #FFF;border-bottom: 1px solid #e7e8e9;border-right: 1px solid #e7e8e9;display: block;float: left;color: #a9a9a9;font-size: 1.4rem;}
.datacalendarday span.yes{width:14.2%;height:4.5rem;background:url(../images/icon_10.png) no-repeat;background-position:center center;background-size:20px 20px;display:inline-block;position:relative;top:1px}
.datacalendarday span.no{width:14.2%;height:4.5rem;background:url(../images/icon_11.png) no-repeat;background-position:center center;background-size:20px 20px;display:inline-block;position:relative;top:1px}


/*土特产*/
.fl{float: left;}
.tu_fl{float: left;line-height: 30px;height: 30px;margin-right: 5px;font-size: 14px;font-weight: bold;display: inline-block;}
.tu_container{max-width: 640px;min-width: 320px;margin: 0 auto;padding: 0;}
.tu_head{width: 100%;text-align: center;}

.tu_form{width: 100%;margin:30px 0 30px 0;}
.form_select{width: 100%;margin: 0 auto;}
.tu_select{position:relative;float:left;margin:0 5px 0 0;line-height: 30px;color: #242424;}
.tu_form_text{float: left;margin:10px 0 0 10px;width: 96%;}
.tu_radio{display: inline-block;vertical-align: middle;float: left;margin: 10px 5px;}
.tu_select dt{color: #242424;height:30px;display:inline-block;border:1px solid #e95853;background:#fff url(../images/tu_05.png) no-repeat 58px center;
    line-height:30px;font-weight:bold;text-indent: 5px;cursor:pointer;width:90px;padding-right:12px;font-size: 14px;
    white-space:nowrap;text-overflow:ellipsis;overflow:hidden;/*position:relative;*/z-index:99;}
.tu_select dt:hover,.tu_select dt.cur{border:1px solid #e95853;box-shadow:0 0 3px #409DFE;}
.tu_select dd.dd_01,.tu_select dd.dd_02{border:1px solid #e95853;background:#fff;display:none;width: 90px;border-top: 0;position: absolute;top: 40px;z-index: 99;}
.tu_select dd.dd_01{margin:-10px 0 0 0;}
.tu_select dd.dd_02{margin:-10px 0 0 0;}
.tu_select dd ul{padding:4px;width:104px;max-height:250px;overflow:auto;}
.tu_select dd ul li{text-indent: 8px;font-size: 12px;}
.tu_select dd ul li a{line-height:28px;display:block;padding:0 8px;color: #242424;}
.tu_select dd ul li a:hover{background:#f5f5f5;}
.tu_input{border: 1px solid #e95853;line-height: 30px;height: 30px;color: #242424;font-size: 14px;font-weight: bold;width: 200px;float: left;}

.mr10{margin-right: 10px;}
.tu_title{width: 100%;text-align: center;margin-bottom: 20px;}
.form_info{width: 90%;margin: 0 auto;color: #242424;font-weight: bold;font-size: 14px;}
.form_info .info_style_01{color: #e95853;font: 14px/30px 'microsoft yahei';font-weight: bold;text-decoration: underline;margin: 0 10px;}
.upload_form{width: 96%;text-align: center;}
.upload_form .file_upload_pic{text-align: center;display: inline-block;width: 200px;height: 200px;position: relative;/*background: url("../images/tu_07.jpg") center no-repeat;border: 3px solid #e95853;*/}
.upload_form .file_upload{position: absolute;width: 200px;height: 200px;left: 0;top: 0;opacity: 0;}
.file_upload_pic img{position: absolute;width: 200px;height: 200px;left: 0;top: 0;}
.input-class{width: 200px;height: 200px;}

.tu_info_form{width: 96%;margin: 30px auto 20px auto;text-align: center;}
.tu_info_form .tu_tel,.tu_info_form .tu_check_node,.tu_info_form .tu_check_btn,.tu_info_form .tu_submit_btn{font-weight: bold;line-height: 30px;height: 30px;color: #242424;border-radius: 20px;margin-bottom: 10px;}
.tu_info_form .tu_tel{width: 70%;border: 1px solid #4a2d0f;background: #fff7dd;padding-left: 20px;font-size: 14px;}
.tu_info_form .tu_check_node{width: 38%;border: 1px solid #4a2d0f;background: #fff7dd;padding-left: 20px;font-size: 14px;}
.tu_info_form .tu_check_btn{width: 30%;background: #ec5d54;color: #fff;border: 1px solid #c61f16;font: 12px/30px 'microsoft yahei'; -webkit-appearance: none;}
.tu_info_form .tu_submit_btn{width: 70%;background: #ec5d54;color: #fff;border: 1px solid #c61f16;font: 16px/30px 'microsoft yahei';text-align: center; -webkit-appearance: none;}
.tu_info_form .tu_tel::-webkit-input-placeholder[placeholder]{color: #8f8f8f;font-size: 14px;}

.tu_intro_footer{background: #7eb651 ;width: 100%;padding-bottom: 30px;}
.tu_footer_bg{background: #feffe4 url("../images/tu_10.png") right bottom no-repeat;width: 90%;margin: 0 auto;padding: 15px 15px;font: 13px/30px 'microsoft yahei';color:#242424;}
.tu_ercode{width: 100%;text-align: center;}

.info_btn{width: 100%;text-align: center;}
.info_btn_a,.info_btn_b,.info_btn_c{display: inline-block;line-height: 30px;height: 30px;border-radius: 20px;margin-bottom: 10px;color: #fff;border: 1px solid #c61f16;font: 14px/30px 'microsoft yahei';text-align: left;}
.info_btn_a{background: #ec5d54 url("../images/tu_13.png") no-repeat 170px;width: 70%;text-align: center;}
.info_btn_b{background: #ec5d54 url("../images/tu_14.png") no-repeat 170px;width: 70%;text-indent: 40px;}
.info_btn_c{width: 70%;text-align:center;background: #ec5d54;}
@media (min-width:640px) and (-webkit-min-device-pixel-ratio:0) {
    .info_btn_a{background: #ec5d54 url("../images/tu_13.png") no-repeat 275px;width: 70%;text-align: center;}
    .info_btn_b{background: #ec5d54 url("../images/tu_14.png") no-repeat 275px;width: 70%;text-indent: 135px;}

}

#dialogBg{width:100%;height:100%;background-color:#000000;opacity:.6;filter:alpha(opacity=60);position:fixed;top:0;left:0;z-index:9999;display:block;}
#dialog{width:300px;height:182px;margin:0 auto;display:block;background-color:#ffffff;position:fixed;top:50%;left:50%;margin:-120px 0 0 -150px;z-index:10000;border:1px solid #ccc;border-radius:10px;}
.dialogTop{width:90%;margin:0 auto;padding:10px 0;text-align:right;position: relative;}

.dialo_top{margin-top: -80px;}
.claseDialogBtn img{position: absolute;right: 10px;width:  24px;height:  23px;display: inline-block;top: 0;}
.dialog_info{text-align: center;width: 70%;margin: 20px auto;color: #3d1f00;font: 16px/25px 'microsoft yahei';}
.dialog_btn{width: 70%;background: #ec5d54;color: #fff;border: 1px solid #c61f16;font: 14px/30px 'microsoft yahei';text-align: center;border-radius: 20px;margin-left: 16%; -webkit-appearance: none;}
